import axios from 'axios'
import { ElMessage } from 'element-plus'
import router from '../router'
import { useUserStore } from '../stores/user'

// 创建axios实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_URL, // 从环境变量获取基础URL
  timeout: 10000 // 请求超时时间
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 从pinia store获取token
    const userStore = useUserStore()
    const token = userStore.token

      console.log('%c [  ]-19', 'font-size:18px; background:#284bba; color:#6c8ffe;', 
        config.headers
      )
    // 如果token存在，添加到请求头
    if (token) {
      config.headers['Authorization'] =  token
    }
    
    // 可以在这里统一添加其他请求头
    config.headers['X-Requested-With'] = 'XMLHttpRequest'
    
    return config
  },
  error => {
    // 请求错误处理
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    
    // 根据后端返回状态码处理
    if (res.error !== 0) {
      
      // 处理业务逻辑错误
      ElMessage({
        message: res.msg || 'Error',
        type: 'error',
        duration: 5 * 1000
      })
   
      // 特殊状态码处理
      if (res.error === 401 || res.error === 403) {
        // 未授权或token过期，跳转到登录页
        useUserStore().logout()
        router.push('/login')
      }
      return Promise.reject(new Error(res.msg || 'Error'))
    } else {
      return res
    }
  },
  error => {
    // HTTP状态码错误处理
    console.log('err' + error) // for debug
    
    if (error.response) {
      switch (error.response.status) {
        case 401:
          useUserStore().logout()
          // 未授权
          router.push('/login')
          break
        case 403:
          // 禁止访问
          ElMessage.error('没有权限访问该资源')
          break
        case 404:
          // 资源不存在
          ElMessage.error('请求的资源不存在')
          break
        case 500:
          // 服务器错误
          ElMessage.error('服务器错误，请稍后再试')
          break
        default:
          ElMessage.error(error.response.data.message || '请求失败')
      }
    } else {
      // 网络错误等
      ElMessage.error('网络错误，请检查网络连接')
    }
    
    return Promise.reject(error)
  }
)

export default service